<template>
	<view class="">
		<nav-bar title="退单"></nav-bar>
		<view class="flexJcac apply_con" :style="{flexDirection:'column',height: mainHeight}">
			<u-icon name="checkmark-circle-fill" size="124" color="#52C41A"></u-icon>
			<text class="title">退款成功</text>
			<view class="backMoney">
				<text>退款金额</text><text>￥999</text>
			</view>
			<text class="backMessage">
				退款金额会原路退回您的支付账户，到账时间可能会根据您的支付方式有所延迟，请注意查收
			</text>
			<view class="btn widthBtn">
				确认
			</view>
		</view>
	</view>
	
</template>

<script>
	import NavBar from '@/components/nav-bar/index.vue'
	export default {
		components:{ NavBar },
		created() {
			this.mainHeight = this.$store.getters.heightData.mainHeight
		},
		methods:{
			
		}
		}
</script>

<style lang="scss" scoped>
	.apply_con{
		padding: 85rpx;
		.title{
			font-size: 50rpx;
			font-weight: 500;
			letter-spacing: 0rpx;
			line-height: 72.4rpx;
			color: rgba(0, 0, 0, 1);
			text-align: left;
			vertical-align: top;
		}
		.backMoney{
			font-size: 34rpx;
			font-weight: 500;
			letter-spacing: 0rpx;
			line-height: 49.23rpx;
			color: rgba(51, 51, 51, 1);
			text-align: left;
			vertical-align: top;
			margin: 30rpx 0;
		}
		.backMessage{
			font-size: 32rpx;
			font-weight: 400;
			letter-spacing: 0rpx;
			line-height: 46.34rpx;
			color: rgba(102, 102, 102, 1);
			text-align: center;
			vertical-align: top;
		}
	}
	.widthBtn{
		width: 297rpx;
		height: 69rpx;
		color: #C27E15;
	}
</style>